<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" >
<head>
    <link th:href="@{/css/admin/css/index/style.min.css}" rel="stylesheet"/>
    <div th:include="public/index_public :: head('主页')"></div>
    <link th:href="@{/plugins/bootstrap/bootstrap.min.css}" rel="stylesheet">

    <link rel="shortcut icon" th:href="@{/image/urlImg/index1.ico}" type="image/x-icon">

    <link th:href="@{/css/font-img.css}" rel="stylesheet"/>
    <!--    导入layui组件，优秀的弹窗框架-->
    <script th:src="@{/plugins/layui-v2.6.8/layui/layui.js}"></script>
</head>
<body>

<div class="layui-layout layui-layout-admin">
    <!--头部导航-->
    <div th:replace="public/index_public :: headNav"></div>
    <!--左侧导航-->
    <div th:replace="public/index_public :: leftNav"></div>
    <div class="layui-body" >
        <div class="layui-row">
            <div class="layui-col-md6">
            </div>
        </div>
        <div class="layui-row" >
            <!-- 内容主体区域 -->
            <div class="main-content index-page clearfix">
                <div class="post-lists">
                    <div class="post-lists-body">
                        <div class="post-list-item" th:each="article : ${articlePageInfo.list}">
                            <div class="post-list-item-container">
                                <div class="item-thumb bg-deepgrey" th:href="@{'/articleDetails/'+${article.id}}"
                                     th:style="'background-image:url('+@{${article.articleThumbnail}}+');'">
                                </div>
                                <!-- <dir class="item-desc" th:text="${article.tagsName}"></dir> -->
                                <a th:href="@{'/articleDetails/'+${article.id}}">
                                    <div class="item-desc">
                                        <p th:text="${article.articleSummary}"></p>
                                    </div>
                                </a>
                                <div class="item-slant reverse-slant &lt; bg-deepgrey"></div>
                                <div class="item-slant"></div>
                                <div class="item-label">
                                    <div class="item-title">
                                        <a href="#" th:href="@{'/articleDetails/'+${article.id}}" th:text="${article.articleTitle}"></a>
                                    </div>
                                    <div class="item-meta clearfix" th:href="@{'/articleDetails/'+${article.id}}">
                                        <span style="float: left" class="text-left" th:text="${#dates.format(article.articleNewstime,'yyyy.MM.dd HH:mm')}"></span>
                                        <span ><i class="iconfont icon-zuozhe"></i><span th:text="${article.articleAuthor}"></span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ------>
        </div>
        <div class="layui-row">
            <div class="lists-navigator clearfix " >
                <div th:replace="admin/public/module :: pageAdminNav(${articlePageInfo})"></div>
            </div>
        </div>
        <div class="layui-row">
            <div style="line-height: 1px;margin-top: 100px">1</div>
        </div>
        <div class="layui-row" >
            <div th:replace="public/index_public :: bottomNav"></div>
        </div>
    </div>
</div>


</body>
</html>